<template>
	<view class="moreTag">
		<!-- <h2 class="moreTagH2">查看更多豆瓣高分电影</h2> -->
		<view class="moreTagItem" v-for="(item) in tagList" :key="item">
			<view class="moreTagItemUrl" @click="goSearch(item)">{{item}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			tagList: {
				type: Array,
				default: []
			}
		},
		methods:{
			goSearch(item){
				getApp().globalData.key=item;
				this.$common.switchTabTo('/pages/search/search')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.moreTag {
		margin: 60upx 0;

		.moreTagH2 {
			height: 20px;
			font-size: 30upx;
			font-weight: 500;
			color: #aaa;
		}

		.moreTagItem {
			display: inline-block;
			margin: 20upx 20upx 0 0;
			font-size: 30upx;

			.moreTagItemUrl {
				line-height: 56upx;
				border-radius: 56upx;
				display: inline-block;
				text-align: center;
				background-color: #f5f5f5;
				padding: 0 24upx;
				color: #494949;
			}
		}
	}
</style>
